<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>聊天界面</title>
    <link rel="stylesheet" href="css/chat-styles.css">
</head>
<body>
<div class="chat-container">
    <!-- 模型选择框 -->
    <div class="model-selector">
        <select id="api-select">
            <option value="/ai/tongyi/stream">通义千问的流式返回</option>
            <option value="/ai/tencent/example">腾讯云-DeepSeek-R1-Lite模型</option>
            <option value="/ai/tongyi/example">通义千问的接口返回</option>
        </select>
    </div>

    <!-- 聊天内容区域 -->
    <div class="chat-box" id="chat-box"></div>

    <!-- 输入框和发送按钮 -->
    <div class="input-container">
        <textarea id="message" placeholder="请输入您的问题..." rows="3"></textarea>
        <button id="send-btn" onclick="submitMessage()">发送(S)</button>
    </div>
</div>

<script src="js/chat.js"></script>
</body>
</html>
